<!DOCTYPE HTML>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>旅游管理系统</title>
    <link th:href="@{/css/bootstrap.css}" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Custom Theme files -->
    <link th:href="@{/css/style.css}" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--webfont-->
    <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/login.js}"></script>
    <script th:src="@{/js/jquery.easydropdown.js}"></script>
    <!------ Light Box ------>
    <link rel="stylesheet" th:href="@{/css/swipebox.css}">
    <script th:src="@{/js/jquery.swipebox.min.js}"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $(".swipebox").swipebox();
        });
    </script>
    <!------ Eng Light Box ------>
    <script th:src="@{/js/wow.min.js}"></script>
    <link th:href="@{/css/animate.css}" rel='stylesheet' type='text/css'/>
    <link th:href="@{/css/custom.css}" rel='stylesheet' type='text/css'/>
    <script>
        new WOW().init();
    </script>
</head>
<body>
<div class="header">
    <div class="col-sm-8 header-left">
        <div class="logo">
            <a th:href="@{/}"><img th:src="@{/images/logo.png}" alt=""/></a>
        </div>
        <div class="menu">
            <a class="toggleMenu" href="javascript:void(0);"><img th:src="@{/images/nav.png}" alt=""/></a>
            <ul class="nav" id="nav">
                <li><a href="/source">旅游资源</a></li>
                <li><a href="/service">服务设施</a></li>
                <li><a href="/shop">购物信息</a></li>
                <li class="active">
                    <a th:if="${session.user == null}" href="/tologin">登录</a>
                    <a th:if="${session.user != null}" href="/order">我的预定</a>
                </li>
                <li>
                    <a th:if="${session.user == null}" href="/toregist">注册</a>
                    <a th:if="${session.user != null}" th:href="@{/logout}">退出</a>
                </li>
                <div class="clearfix"></div>
            </ul>
            <script type="text/javascript" th:src="@{/js/responsive-nav.js}"></script>
        </div>
    </div>
    <div class="col-sm-4 header_right">
        <div id="loginContainer">
            <a href="javascript:void(0);" id="loginButton">
                <img th:src="@{/images/login.png}">
                <a th:if="${session.user == null}" th:href="@{/tologin}" style="font-size: 14px;color: #ffffff">未登录</a>
                <span th:if="${session.user != null}" th:text="${session.user.u_name}">未登录</span>
            </a>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
</div>
<div class="banner3">
</div>

<div class="living_middle">
    <div class="container">
        <div th:if="${not #lists.isEmpty(orders)}">
            <div class="entertain_box wow fadeInLeft" data-wow-delay="0.4s">
                <div class="col-md-3 grid_box" th:each="ord,orStat : ${orders}">
                    <a th:href="${ord.service.se_image_pre}" class="swipebox" title="Image Title">
                        <img th:src="${ord.service.se_image_pre}" class="img-responsive" alt="">
                        <span class="zoom-icon"></span> </a>
                    <div class="grid_box2">
                        <h4><a href="#"><span th:text="${ord.service.se_name}">Hotel</span></a></h4>
                        <p style="margin-top: 5px">
                            <span th:text="${#dates.format(ord.o_start_time,'yyyy-MM-dd')}">voluptatem sequi</span>
                            <span> - </span>
                            <span th:text="${#dates.format(ord.o_end_time,'yyyy-MM-dd')}">voluptatem sequi</span>
                        </p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div th:if="${#lists.isEmpty(orders)}">
            <h1 style="text-align: center"> 暂无数据！</h1>
        </div>
    </div>
</div>
<div class="living_bottom">
    <div class="container">
        <h2 class="title block-title">至尊推荐</h2>
        <div class="col-md-6 post_left wow fadeInLeft" data-wow-delay="0.4s">
            <div class="mask1"><img src="images/pic4.jpg" alt="image" class="img-responsive zoom-img"/></div>
            <p> 酒店星级的划分以酒店的建筑、设施设备、功能及管理、服务水平为依据。具体的评定办法按照国家旅游局颁发的设施设备评定标准、设施设备的维修保养评定标准、清洁卫生评定标准，宾客意见评定标准等执行。
                <a th:href="@{/service/detail(id=1)}">查看详情</a></p>
            <div class="divider"></div>
            <p class="field-content">豪泰酒店</span></p>
        </div>
        <div class="col-md-6 post_left wow fadeInRight" data-wow-delay="0.4s">
            <div class="mask1"><img src="images/pic5.jpg" alt="image" class="img-responsive zoom-img"/></div>
            <p>酒店星级的划分以酒店的建筑、设施设备、功能及管理、服务水平为依据。具体的评定办法按照国家旅游局颁发的设施设备评定标准、设施设备的维修保养评定标准、清洁卫生评定标准，宾客意见评定标准等执行。
                <a th:href="@{/service/detail(id=1)}">查看详情</a></p>
            <div class="divider"></div>
            <p class="field-content">素雅旅馆</span></p>
        </div>
    </div>
</div>
<div th:include="footer :: th_footer"></div>
<script type="text/javascript">

    $("#key").blur(function () {
        var key = $("#key").val();
        var type = $("#type").children('option:selected').val();
        location.href = "/shop?key=" + key + "&type=" + type;
    });
    $("#type").change(function () {
        var type = $(this).children('option:selected').val();
        var key = $("#key").val();
        location.href = "/shop?key=" + key + "&type=" + type;
    });
</script>
</body>
</html>		